<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/join.css" />
<title>회원가입2단계</title>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/jquery.validate.js"></script>
<script type="text/javascript" src="./js/join.validate.js"></script>
<style type="text/css">
#join_member{
    height:1100px;
}
#join_form label.error{
    background:url("./images/join/unchecked.gif") no-repeat 0px 0px;
    padding-left: 16px;
    padding-botton: 2px;
    color: #EA5200;
    width: 170px;
    font-size: 11px;
    text-align: left;
}
#join_form label.checked{
    background:url("./images/join/checked.gif") no-repeat 0px 0px;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
	<div id="join_member">
		<div id="top" align = 'right' style = "padding-right: 300px">
			<img alt="회원가입" src="images/join/icon_join.gif">
			<img alt="회원가입" src="images/join/icon_join2.gif"> 회원가입<br /><br /><br />
		</div>
		
		<div align = 'center'>
		<img alt="회원가입" src="images/join/register_title.gif">
		</div>
		<hr style="border: 0px; height:5px; width: 580px; background-color: #D5D5D5"/>
		<br />
		<p>
		<form id="join_form" name="join_form" method="post" action="join_member.do">
		
			<div align = "left" id = 'registerFrm' style = "padding-left: 30%">
				
				<label for="email" id="email">이메일</label>
				<input class = 'mailBox' type="text" name="email" id="email" value="${member.email }" readonly="readonly"/><p/>
				
				<label for="user_name" id="user_name">이름</label>
				<input class = 'textBox' type="text" name="user_name" id="user_name" /><p/>
				
			    <label for="nick_name" id="nick_name">닉네임</label>
			    <input class = 'textBox'  type="text" name="nick_name" id="nick_name" /><p/>
			    
				<label for="user_pw">비밀번호</label>
				<input class = 'textBox' type="password" name="user_pw" id="user_pw" /><p/>
				
				<label for="confirm_pw">비밀번호 확인</label>
				<input class = 'textBox' type="password" name="confirm_pw" id="confirm_pw" /><p/>

				<label for="mobile" id="">휴대폰 번호</label>
				<input class = 'phoneBox'  type="text" name="mobile" id="mobile" /><p/>
								
				<label>생년월일</label>
				<select name="year">
				<%int i;%>
				<%for(i=2013;i>=1950;i--){ %>
				<option value="<%=i %>"><%=i %></option>
				<%} %>
				</select>년
				<select name="month">
				<%int j; %>
				<%for(j=1;j<=12;j++){ %>
				<option value="<%=j %>"><%=j %></option>
				<%} %>
				</select>월
				<select name="day">
				<%int k; %>
				<%for(k=1;k<=31;k++){ %>
				<option value="<%=k %>"><%=k %></option>
				<%} %>
				</select>일
				<p/>
				<label for="gender">성별</label>
				<input type="radio" name="gender" value="1" checked="checked"/>&nbsp;
				<font face="맑은 고딕">남자</font>
				<input type="radio" name="gender" value="2" />&nbsp;
				<font face="맑은 고딕">여자</font>
			</div><p/>

			<!-- 하단 버튼 -->
			<div align="center" style="padding: 50px 0 20px 0">
			    <input type="image" name="button" value="회원가입버튼" src="images/join/registerBtn.gif">
				<a href="javascript:history.back();">
				<img alt="이전으로버튼" src="images/join/registerCanBtn.gif"></a>
			</div>
		</form>
	</div>
</body>
</html>